function GetVPNReportChar() {

	var reportOutMenu = new Ext.menu.Menu({
        id: 'reportOutMenu',
        style: {
            overflow: 'visible'     // For the Combo popup
        },
        items: [
        	{
						text : '导出到excel',
						tooltip : '导出到excel',
						handler : function() {
						}
					},{
						text : '导出到pdf',
						tooltip : '导出到pdf',
						handler : function() {
						}
					}
        ]
    });
   var store1 = new Ext.data.JsonStore({
        fields: [{name: 'year'},{name: 'x'},{name: 'y'},{name: 'z',type: 'int'}],
        data: [
        {year: '2010-01',x: 1,y: 3,z: 3},
        {year: '2010-02',x: 3,y: 4,z: 1},
        {year: '2010-03',x: 5,y: 4,z: 3},
        {year: '2010-04',x: 5,y: 6,z: 3},
        {year: '2010-05',x: 5,y: 7,z: 7},
        {year: '2010-06',x: 7,y: 6,z: 2},
        {year: '2010-07',x: 9,y: 3,z: 7},
        {year: '2010-08',x: 8,y: 8,z: 9}
        ]
    })
	var chat1 = {
					    xtype: 'stackedcolumnchart',
					    store: store1,
					    xField: 'year',
					    xAxis: new Ext.chart.CategoryAxis({
					        title: '时间'
					    }),
					    yAxis: new Ext.chart.NumericAxis({
					        title: "连接数量"
					    }),
					    series: [{
					        displayName: "设备1连接数量",
					        yField: 'x'
					    },
					    {
					        displayName: "设备2连接数量",
					        yField: 'y'
					    },
					    {
					        displayName: "设备3连接数量",
					        yField: 'z'
					    }],
					    chartStyle: {
					        padding: 10,
					        legend: {
					            display: 'right'
					        }
					    }
				}
   var store2 = new Ext.data.JsonStore({
        fields: [{name: 'year'},{name: 'x'},{name: 'y'},{name: 'z'},{name: 'x1'},{name: 'y1',type: 'int'}],
        data: [
        {year: '2010-01',x: 1,y: 1,z: 3,x1:8,y1:10},
        {year: '2010-02',x: 3,y: 2,z: 2,x1:4,y1:11},
        {year: '2010-03',x: 4,y: 4,z: 3,x1:3,y1:5},
        {year: '2010-04',x: 5,y: 2,z: 3,x1:6,y1:4},
        {year: '2010-05',x: 6,y: 7,z: 7,x1:5,y1:5},
        {year: '2010-06',x: 7,y: 8,z: 6,x1:6,y1:5},
        {year: '2010-07',x: 9,y: 7,z: 7,x1:4,y1:7},
        {year: '2010-08',x: 8,y: 8,z: 9,x1:5,y1:4}
        ]
    })
	var chat2 = {
					    xtype: 'stackedcolumnchart',
					    store: store2,
					    xField: 'year',
					    xAxis: new Ext.chart.CategoryAxis({
					        title: '时间'
					    }),
					    yAxis: new Ext.chart.NumericAxis({
					        title: "连接数量"
					    }),
					    series: [{
					        displayName: "设备1源IP连接数量",
					        yField: 'x'
					    },
					    {
					        displayName: "设备1公共IP连接数量",
					        yField: 'y'
					    },
					    {
					        displayName: "设备2源IP连接数量",
					        yField: 'z'
					    },
					    {
					        displayName: "设备2公共IP连接数量",
					        yField: 'x1'
					    },
					    {
					        displayName: "设备3源IP连接数量",
					        yField: 'y1'
					    }],
					    chartStyle: {
					        padding: 10,
					        legend: {
					            display: 'right'
					        }
					    }
				}
   var store3 = new Ext.data.JsonStore({
        fields: [{name: 'year'},{name: 'x'},{name: 'y'},{name: 'z'},{name: 'x1',type: 'int'}],
        data: [
        {year: '2010-01',x: 5,y: 3,z: 6,x1:8},
        {year: '2010-02',x: 3,y: 7,z: 1,x1:7},
        {year: '2010-03',x: 8,y: 6,z: 2,x1:4},
        {year: '2010-04',x: 6,y: 9,z: 3,x1:1},
        {year: '2010-05',x: 6,y: 7,z: 8,x1:3},
        {year: '2010-06',x: 9,y: 3,z: 2,x1:7},
        {year: '2010-07',x: 4,y: 4,z: 6,x1:4},
        {year: '2010-08',x: 4,y: 5,z: 7,x1:5}
        ]
    })
	var chat3 = {
					    xtype: 'stackedcolumnchart',
					    store: store3,
					    xField: 'year',
					    xAxis: new Ext.chart.CategoryAxis({
					        title: '时间'
					    }),
					    yAxis: new Ext.chart.NumericAxis({
					        title: "连接数量"
					    }),
					    series: [{
					        displayName: "设备1 IPSec 连接数量",
					        yField: 'x'
					    },
					    {
					        displayName: "设备1 L2TP Over IPSec 连接数量",
					        yField: 'y'
					    },
					    {
					        displayName: "设备1 DES-56 连接数量",
					        yField: 'z'
					    },
					    {
					        displayName: "设备1 AES-128 连接数量",
					        yField: 'x1'
					    }],
					    chartStyle: {
					        padding: 10,
					        legend: {
					            display: 'right'
					        }
					    }
				}
		var states = [
		['1', '设备柱状图年报(默认)'],
		['2', '设备IP柱状图季报'],
		['3', '设备协议柱状图日报']
		];

	var flowPanel = new Ext.Panel({
				width : 800,
				height : 600,
				region : 'center',
				layout : 'fit',
				split : true,

				items : [chat1],
				tbar : [
								'选择统计条件:',{
															xtype : 'combo',
															fieldLabel: '统计条件',
															name : 'vpnchatterm',
															frame : true,
															id : 'vpnchatterm',
															store : new Ext.data.ArrayStore({
																	fields : ['abbr', 'state'],
																	data : states
																}),
															valueField : 'abbr',
															displayField : 'state',
															typeAhead : true,
															mode : 'local',
															triggerAction : 'all',
															value : '1',
															editable : false,
															width : 140,
															listeners : {
													        select : function (combo, record, index) {
													        	var items=flowPanel.items.items;
																			for(var i=0;i<items.length;i++){
																			  flowPanel.remove(items[i]);
																		}
													        	if(record.get('abbr') == '1'){
													        		flowPanel.add(chat1);
													        	}else if(record.get('abbr') == '2'){
																			flowPanel.add(chat2);
													        	}else if(record.get('abbr') == '3'){
																			flowPanel.add(chat3);
																		}
																		
																		flowPanel.doLayout();

													   			}
													   	}
								},'-',{
				            text:'导出',
				            iconCls: 'out', 
				            menu: reportOutMenu  
				        }]
			});

	return flowPanel;
}
